<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Chat</title>
    <link rel="stylesheet" href="stylesheets/style.css"/>
</head>
<body>
<div id="content">
    <div id="room"></div>
    <div id="room-list"></div>
    <div id="message"></div>
    <form id="send-form">
        <input id="send-message" />
        <input id="send-button" type="submit" value="Send" />
        <div id="help">
            Chat commands:
            <ul>
                <li>Change nickname:<code>/nick [username]</code></li>
                <li>Join/create room:<code>/join [room name]</code></li>
            </ul>
        </div>
    </form>
</div>
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
<script type="text/javascript" src="javascripts/jquery-3.6.1.js"></script>
<script type="text/javascript" src="javascripts/chat.js"></script>
<script type="text/javascript" src="javascripts/chat_ui.js"></script>

</body>
</html>